<template>
  <!-- hidden-sm-and-down -->
  <div class="container-fluid bj hidden-sm-and-down" id="footer" v-show="isPc">
    <div class="container">
      <div class="dis_f_j_b mt_40">
        <div>
          <div class="dis_f">
            <i class="el-icon-user-solid color_fff"></i>
            <div>关于我们</div>
          </div>
          <div class="mt_30 text-a">
            <div class="font_14 color_fff2">
              <a href>产品服务</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>名师简介</a>
            </div>
            <div class="font_14 color_fff2">
              <a href></a>
              企业文化
            </div>
            <div class="font_14 color_fff2">
              <a href>公司声明文件</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>侵权声明文件</a>
            </div>
          </div>
        </div>

        <div>
          <div class="dis_f">
            <img
              src="../../static/image/anquan@2x.png"
              width="14"
              height="14"
              style="margin-top:3px; margin-right:8px"
            />
            <div>服务声明</div>
          </div>
          <div class="mt_30 text-a">
            <div class="font_14 color_fff2">
              <a href>服务规划</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>课程使用</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>知识产权</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>免责声明</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>退费服务</a>
            </div>
          </div>
        </div>

        <div>
          <div class="dis_f">
            <i class="el-icon-link"></i>
            <div>友情链接</div>
          </div>
          <div class="mt_30 text-a">
            <div class="font_14 color_fff2">
              <a href>大连理工大学</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>中国地质大学</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>中国传媒大学</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>国家开放大学</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>东北农业大学</a>
            </div>
          </div>
        </div>
        <div>
          <div class="dis_f">
            <i class="el-icon-shopping-cart-2"></i>
            <div>课程购买</div>
          </div>
          <div class="mt_30 text-a">
            <div class="font_14 color_fff2">
              <a href>扫码购买</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>对公转账</a>
            </div>
          </div>
        </div>
        <div>
          <div class="dis_f">
            <i class="el-icon-service"></i>
            <div>联系我们</div>
          </div>
          <div class="mt_30 text-a">
            <div class="font_14 color_fff2">
              <a href>电话咨询</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>分校查询</a>
            </div>
            <div class="font_14 color_fff2">
              <a href>招商加盟</a>
            </div>
          </div>
        </div>
      </div>
      <div class="mt_10 color_fff2">
        Copyright@ 北京龙德天成教育科技有限公司 版权所有
        <span class="mlr_10">|</span>京ICP备19014804号-1
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      isPc: false
    };
  },
  created() {
    this.isPc = this.$Common.navigator() == "pc";
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.mlr_10 {
  margin: 0 15px;
}
i {
  line-height: 21px;
  margin-right: 8px;
}
a {
  color: rgba(255, 255, 255, 0.2);
}
.mt_40 {
  margin-top: 40px;
}
.mt_30 {
  margin-top: 30px;
}
.font_14 {
  font-size: 14px;
}
.color_fff2 {
  color: rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
}
.dis_f {
  display: flex;
}
.text-a {
  text-align: center;
}
.dis_f_j_b {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.container {
}
.mt_10 {
  margin-top: 15px;
}
.bj {
  background: #282828;
  color: #fff;
  overflow: hidden;
}
.color_fff {
  color: #fff;
}

// 首页、下载app底部样式
.router-home {
  #footer {
    background: #30c77d;
    color: #fff;
    a {
      color: #fff;
    }
    .color_fff2 {
      color: #fff;
    }
  }
}
.router-downloadApp {
  #footer {
    display: none;
  }
}
</style>
